﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Bonds.aspx.cs" Inherits="DashBoardInterfaz.Bonds1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="cs" />
    <meta name="author" lang="cs" content="David Kohout; http://www.davidkohout.cz" />
    <meta name="copyright" lang="cs" content="David Kohout; http://www.davidkohout.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <meta name="robots" content="all,follow" />
    <link href="css/screen.css" type="text/css" rel="stylesheet" media="screen,projection" />
    <link rel="stylesheet" type="text/css" href="css/shadowbox/shadowbox.css"/>
    <script type="text/javascript" src="css/shadowbox/shadowbox.js"></script>
    <script type="text/javascript">
        Shadowbox.init();
    </script>


    <title>Financial Dashboard</title>
    
</head>
<body>
    <form id="form1" runat="server">
    <div id="layout">
        <div id="header">        
            <h1 id="logo"><a href="#" title="#">Financial<span>Dashboard</span></a></h1>
            <hr class="noscreen" />              
                <div id="navigation">
                    <ul>
                      <li><a href="index.aspx" title="#">HOME</a></li>
                      <li><a href="#" title="#">BONDS</a></li>
                      <li><a href="#" title="#">INDICATORS</a></li>
                      <li><a href="#" title="#">PRODUCTS</a></li>
                      <li><a href="#" title="#">CONTACT</a></li>
                    </ul>
                </div>
            <hr class="noscreen" />     
          </div>

        <div id="main">

            <h2>Bonos</h2>
            <div class="chart-container">                
                <table style="width:100%;">
                    <tr>
                        <td class="tdChart">
                            <asp:Chart ID="allBondsChart" runat="server">
                                <Series>
                                    <asp:Series ChartArea="ChartArea1" Legend="Legend1" Name="Series1">
                                    </asp:Series>
                                </Series>
                                <ChartAreas>
                                    <asp:ChartArea Name="ChartArea1">
                                    </asp:ChartArea>
                                </ChartAreas>
                                <Legends>
                                    <asp:Legend Name="Legend1" Alignment="Center" BackColor="White" 
                                        BackGradientStyle="TopBottom" BackImageAlignment="Top" 
                                        BackSecondaryColor="Silver" BorderColor="64, 64, 64" Docking="Bottom">
                                    </asp:Legend>
                                </Legends>
                                <Titles>
                                    <asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" ForeColor="66, 66, 66" 
                                        Name="Title1" Text="Bonos">
                                    </asp:Title>
                                </Titles>
                                <BorderSkin BackColor="Firebrick" SkinStyle="Raised" />
                            </asp:Chart>                
                        </td>
                        <td>
                            &nbsp;
                        </td>                       
                    </tr>
                </table>
            </div>
            <div class="separator"> </div>

<!-------------------------------------------------------------------------------------------------------> 
<!------- 30 Yr Bond ------------------------------------------------------------------------------------>
<!----------------------- -------------------------------------------------------------------------------> 
            <h3>&nbsp &nbsp &nbsp &nbsp 30 Year - US Bond</h3>
            <div class="chart-container"> 
                <table style="width:100%;">
                    <tr>
                        <td class="tdChart">
                            <asp:Chart ID="bond30YrChart" runat="server">
                               <Series>
                                    <asp:Series Name="Series1" Legend="Legend1">
                                    </asp:Series>
                                </Series>
                                <ChartAreas>
                                    <asp:ChartArea Name="ChartArea1">
                                    </asp:ChartArea>
                                </ChartAreas>
                                <Legends>
                                    <asp:Legend Alignment="Center" Docking="Bottom" Name="Legend1">
                                    </asp:Legend>
                                </Legends>
                                <Titles>
                                    <asp:Title Font="Calibri, 12pt, style=Bold" Name="Title1" 
                                        Text="From: xx - To xx">
                                    </asp:Title>
                                </Titles>
                                <BorderSkin SkinStyle="Raised" />
                           </asp:Chart>                           
                        </td>
                        <td>
                            &nbsp;</td>
                    </tr>
                </table>
            </div>
        
        
           <div>                     
               <asp:GridView ID="GridView1" runat="server">
               </asp:GridView>                      
           </div>   
          
           <div class="separator"> </div>

<!-------------------------------------------------------------------------------------------------------> 
<!------- 10 Yr Bond ------------------------------------------------------------------------------------>
<!----------------------- -------------------------------------------------------------------------------> 
            <h3>&nbsp &nbsp &nbsp &nbsp 10 Year - US Bond</h3>
            <div class="chart-container"> 
                <table style="width:100%;">
                    <tr>
                        <td class="tdChart">
                            <asp:Chart ID="bond10YrChart" runat="server">
                               <Series>
                                    <asp:Series Name="Series1" Legend="Legend1">
                                    </asp:Series>
                                </Series>
                                <ChartAreas>
                                    <asp:ChartArea Name="ChartArea1">
                                    </asp:ChartArea>
                                </ChartAreas>
                                <Legends>
                                    <asp:Legend Alignment="Center" Docking="Bottom" Name="Legend1">
                                    </asp:Legend>
                                </Legends>
                                <Titles>
                                    <asp:Title Font="Calibri, 12pt, style=Bold" Name="Title1" 
                                        Text="From: xx - To xx">
                                    </asp:Title>
                                </Titles>
                                <BorderSkin SkinStyle="Raised" />
                           </asp:Chart>                           
                        </td>
                        <td>
                            &nbsp;</td>
                    </tr>
                </table>
            </div>
        
        
           <div>                     
               <asp:GridView ID="GridView2" runat="server">
               </asp:GridView>                      
           </div>   
          
           <div class="separator"> </div>


<!-------------------------------------------------------------------------------------------------------> 
<!------- 5 Yr Bond ------------------------------------------------------------------------------------>
<!----------------------- -------------------------------------------------------------------------------> 
            <h3>&nbsp &nbsp &nbsp &nbsp 5 Year - US Bond</h3>
            <div class="chart-container"> 
                <table style="width:100%;">
                    <tr>
                        <td class="tdChart">
                            <asp:Chart ID="bond5YrChart" runat="server">
                               <Series>
                                    <asp:Series Name="Series1" Legend="Legend1">
                                    </asp:Series>
                                </Series>
                                <ChartAreas>
                                    <asp:ChartArea Name="ChartArea1">
                                    </asp:ChartArea>
                                </ChartAreas>
                                <Legends>
                                    <asp:Legend Alignment="Center" Docking="Bottom" Name="Legend1">
                                    </asp:Legend>
                                </Legends>
                                <Titles>
                                    <asp:Title Font="Calibri, 12pt, style=Bold" Name="Title1" 
                                        Text="From: xx - To xx">
                                    </asp:Title>
                                </Titles>
                                <BorderSkin SkinStyle="Raised" />
                           </asp:Chart>                           
                        </td>
                        <td>
                            &nbsp;</td>
                    </tr>
                </table>
            </div>
        
        
           <div>                     
               <asp:GridView ID="GridView3" runat="server">
               </asp:GridView>                      
           </div>   
          
           <div class="separator"> </div>


        </div>

    </div>

        <div id="footer">
            <div id="footer-inside">
                <p id="copyright">&copy; 2011 - <a href="/">Financial Dashboard</a></p>       
            </div>
            <div style="clear: both;">
            </div>
        </div>

    </form>
</body>
</html>
